<!DOCTYPE html >
<html lang="en" xmlns:th="http://www.thymeleaf.org" >
<head>
    <meta charset="UTF-8">
    <title>登录</title>


    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">

    <link th:href="@{../css/login.css}" rel="stylesheet" type="text/css">
</head>
<body >
    <div  class="row">
        <div id="div1" class="col-md-8 col-sm-8">
            <p>抽卡模拟器登录界面</p>
        </div>
        <div id = "main" class="col-md-4 col-sm-4" >
            <p id="p1" class="text-center">普通登录</p>
            <p id="p2" class="text-center" th:text="${message}" ></p>
<!--            <form method="post" th:action="@{/login}">
                账号:<input type="text" name="mailbox"/><br/>
                密码:<input type="password" name="password"/><br/>
                <input type="submit" th:value="登录"/>
            </form>-->

<!--            登录表单-->
            <form class="form-horizontal" method="post" th:action="@{/login}">
<!--                邮箱-->
                <div class="form-group">
                    <label for="inputEmail3" class="col-sm-2 control-label" >邮箱</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" id="inputEmail3" placeholder="邮箱" name="mailbox">
                    </div>
                </div>
<!--                密码-->
                <div class="form-group">
                    <label for="inputPassword3" class="col-sm-2 control-label">密码</label>
                    <div class="col-sm-10">
                        <input type="password" class="form-control" id="inputPassword3" placeholder="密码" name="password">
                    </div>
                </div>
<!--                记住密码-->
                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox"> 记住密码
                            </label>
                        </div>
                    </div>
                </div>
<!--                提交表单-->
                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <button type="submit" class="btn btn-primary btn-lg btn-block">登入</button>
                    </div>
                </div>
            </form>

        </div>
    </div>


    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
</body>
</html>